/* bubble.css */
.extension-copy-bubble {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 10px 16px;
  background-color: #4CAF50;
  color: white;
  border-radius: 6px;
  z-index: 2147483647;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: fadeInHoldFadeOut 4.5s forwards;
}

@keyframes fadeInHoldFadeOut {
  /* 淡入结束点: 0.5 / 4.5 ≈ 11.11% */
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  11.11% {
    opacity: 1;
    transform: translateY(0);
  }

  /* 保持结束点（淡出开始）: (0.5 + 3) / 4.5 = 3.5 / 4.5 ≈ 77.78% */
  77.78% {
    opacity: 1;
    transform: translateY(0);
  }

  /* 淡出到结束 */
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}